Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

126
Visualizações
Tab behavior with "editor: 'list'" doesn't honor the tabindex

Tabulator's "editor: 'list'" seems to not honor the tabindex when you press 'Tab' when the select list menu is open.

https://jsfiddle.net/sv95rzy4/3/

To reproduce in the jsfiddle click on 'Alice' in the table then press the 'Tab' key. The menu opens in the Level column. Then press the 'Tab' key again. I would expect the button in the Action column to be selected, but instead the next row's dropdown menu opens.

Here is the code if you can't see the jsfiddle for some reason. I don't think it has anything to do with the fact I am using a formatter for the editor list, but I left it in the example just in case. (If you comment out the formatter the behavior is still the same).

var tableData = [{
    name: "Alice", level: "2", actions: "<button tabindex='0' onclick=\"alert('clicked 1')\">X</button>"},
  { name: "Bob", level: "3", actions: "<button tabindex='0' onclick=\"alert('clicked 2')\">X</button>", },
];

var levels = {  1: 'Pro',  2: 'Advanced',  3: 'Moderate',  4: 'Rookie'
};

var table = new Tabulator("#example-table", {
  height: '100px',
  data: tableData,
  columns: [{
    title: "Name",
    field: "name"
  },{
    title: "Level",
    field: "level",
    editor: "list",
    editorParams: {
      values: levels
    },
    formatter: function(cell, formatterParams, onRendered) {
      var select = document.createElement('select');
      select.style.width = '100%';
      select.innerHTML = '<option>' + levels[cell.getValue()] + '</option>'; 

      return select;
    }
  }, {title: "Actions", field: "actions", formatter: 'html'} ],
});
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda